{{define "left_person_center"}}
<div>
    <div class="px-4 pt-4">
        <div class="user-chat-nav float-right">
            <div class="dropdown">
                <a href="javascript: void(0);" class="font-size-18 text-muted dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    <i class="ri-more-2-fill"></i>
                </a>
                <div class="dropdown-menu dropdown-menu-right">
                    <a class="dropdown-item" href="#">编辑</a>
                    <a class="dropdown-item" href="#">Action</a>
                    <div class="dropdown-divider"></div>
                    <a class="dropdown-item" href="#">Another action</a>
                </div>
            </div>
        </div>
        <h4 class="mb-0">个人中心</h4>
    </div>

    <div class="text-center p-4 border-bottom">
        <div class="mb-4">
            <img src="/assets/images/users/avatar-1.jpg" class="rounded-circle avatar-lg img-thumbnail" alt="">
        </div>

        <h5 class="font-size-16 mb-1 text-truncate">陈胜爱</h5>
        <p class="text-muted text-truncate mb-1"><i class="ri-record-circle-fill font-size-10 text-success mr-1 d-inline-block"></i> 在线</p>
    </div>
    <!-- End profile user -->

    <!-- Start user-profile-desc -->
    <div class="p-4 user-profile-desc" data-simplebar>
        <div class="text-muted">
            <p class="mb-4">知人者智，自知者明。胜人者有力，自胜者强。</p>
        </div>


        <div id="profile-user-accordion-1" class="custom-accordion">
            <div class="card shadow-none border mb-2">
                <a href="#profile-user-collapseOne" class="text-dark" data-toggle="collapse"
                                aria-expanded="true"
                                aria-controls="profile-user-collapseOne">
                    <div class="card-header" id="profile-user-headingOne">
                        <h5 class="font-size-14 m-0">
                            <i class="ri-user-2-line mr-2 align-middle d-inline-block"></i> 关于
                            <i class="mdi mdi-chevron-up float-right accor-plus-icon"></i>
                        </h5>
                    </div>
                </a>

                <div id="profile-user-collapseOne" class="collapse show"
                        aria-labelledby="profile-user-headingOne" data-parent="#profile-user-accordion-1">
                    <div class="card-body">

                        <div>
                            <p class="text-muted mb-1">姓名</p>
                            <h5 class="font-size-14">陈胜爱</h5>
                        </div>

                        <div class="mt-4">
                            <p class="text-muted mb-1">邮箱</p>
                            <h5 class="font-size-14">adc@123.com</h5>
                        </div>

                        <div class="mt-4">
                            <p class="text-muted mb-1">时间</p>
                            <h5 class="font-size-14">11:40 AM</h5>
                        </div>

                        <div class="mt-4">
                            <p class="text-muted mb-1">位置</p>
                            <h5 class="font-size-14 mb-0">中国, 北京</h5>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End About card -->

            <div class="card mb-1 shadow-none border">
                <a href="#profile-user-collapseTwo" class="text-dark collapsed" data-toggle="collapse"
                                aria-expanded="false"
                                aria-controls="profile-user-collapseTwo">
                    <div class="card-header" id="profile-user-headingTwo">
                        <h5 class="font-size-14 m-0">
                            <i class="ri-attachment-line mr-2 align-middle d-inline-block"></i> 已上传的附件
                            <i class="mdi mdi-chevron-up float-right accor-plus-icon"></i>
                        </h5>
                    </div>
                </a>
                <div id="profile-user-collapseTwo" class="collapse" aria-labelledby="profile-user-headingTwo"
                        data-parent="#profile-user-accordion-1">
                    <div class="card-body">
                        <div class="card p-2 border mb-2">
                            <div class="media align-items-center">
                                <div class="avatar-sm mr-3">
                                    <div class="avatar-title bg-soft-primary text-primary rounded font-size-20">
                                        <i class="ri-file-text-fill"></i>
                                    </div>
                                </div>
                                <div class="media-body">
                                    <div class="text-left">
                                        <h5 class="font-size-14 mb-1">Admin-A.zip</h5>
                                        <p class="text-muted font-size-13 mb-0">12.5 MB</p>
                                    </div>
                                </div>

                                <div class="ml-4">
                                    <ul class="list-inline mb-0 font-size-18">
                                        <li class="list-inline-item">
                                            <a href="#" class="text-muted px-1">
                                                <i class="ri-download-2-line"></i>
                                            </a>
                                        </li>
                                        <li class="list-inline-item dropdown">
                                            <a class="dropdown-toggle text-muted px-1" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                <i class="ri-more-fill"></i>
                                            </a>
                                            <div class="dropdown-menu dropdown-menu-right">
                                                <a class="dropdown-item" href="#">Action</a>
                                                <a class="dropdown-item" href="#">Another action</a>
                                                <div class="dropdown-divider"></div>
                                                <a class="dropdown-item" href="#">Delete</a>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!-- end card -->

                        <div class="card p-2 border mb-2">
                            <div class="media align-items-center">
                                <div class="avatar-sm mr-3">
                                    <div class="avatar-title bg-soft-primary text-primary rounded font-size-20">
                                        <i class="ri-image-fill"></i>
                                    </div>
                                </div>
                                <div class="media-body">
                                    <div class="text-left">
                                        <h5 class="font-size-14 mb-1">Image-1.jpg</h5>
                                        <p class="text-muted font-size-13 mb-0">4.2 MB</p>
                                    </div>
                                </div>

                                <div class="ml-4">
                                    <ul class="list-inline mb-0 font-size-18">
                                        <li class="list-inline-item">
                                            <a href="#" class="text-muted px-1">
                                                <i class="ri-download-2-line"></i>
                                            </a>
                                        </li>
                                        <li class="list-inline-item dropdown">
                                            <a class="dropdown-toggle text-muted px-1" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                <i class="ri-more-fill"></i>
                                            </a>
                                            <div class="dropdown-menu dropdown-menu-right">
                                                <a class="dropdown-item" href="#">Action</a>
                                                <a class="dropdown-item" href="#">Another action</a>
                                                <div class="dropdown-divider"></div>
                                                <a class="dropdown-item" href="#">删除</a>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!-- end card -->

                        <div class="card p-2 border mb-2">
                            <div class="media align-items-center">
                                <div class="avatar-sm mr-3">
                                    <div class="avatar-title bg-soft-primary text-primary rounded font-size-20">
                                        <i class="ri-image-fill"></i>
                                    </div>
                                </div>
                                <div class="media-body">
                                    <div class="text-left">
                                        <h5 class="font-size-14 mb-1">Image-2.jpg</h5>
                                        <p class="text-muted font-size-13 mb-0">3.1 MB</p>
                                    </div>
                                </div>

                                <div class="ml-4">
                                    <ul class="list-inline mb-0 font-size-18">
                                        <li class="list-inline-item">
                                            <a href="#" class="text-muted px-1">
                                                <i class="ri-download-2-line"></i>
                                            </a>
                                        </li>
                                        <li class="list-inline-item dropdown">
                                            <a class="dropdown-toggle text-muted px-1" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                <i class="ri-more-fill"></i>
                                            </a>
                                            <div class="dropdown-menu dropdown-menu-right">
                                                <a class="dropdown-item" href="#">Action</a>
                                                <a class="dropdown-item" href="#">Another action</a>
                                                <div class="dropdown-divider"></div>
                                                <a class="dropdown-item" href="#">Delete</a>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!-- end card -->

                        <div class="card p-2 border mb-2">
                            <div class="media align-items-center">
                                <div class="avatar-sm mr-3">
                                    <div class="avatar-title bg-soft-primary text-primary rounded font-size-20">
                                        <i class="ri-file-text-fill"></i>
                                    </div>
                                </div>
                                <div class="media-body">
                                    <div class="text-left">
                                        <h5 class="font-size-14 mb-1">Landing-A.zip</h5>
                                        <p class="text-muted font-size-13 mb-0">6.7 MB</p>
                                    </div>
                                </div>

                                <div class="ml-4">
                                    <ul class="list-inline mb-0 font-size-18">
                                        <li class="list-inline-item">
                                            <a href="#" class="text-muted px-1">
                                                <i class="ri-download-2-line"></i>
                                            </a>
                                        </li>
                                        <li class="list-inline-item dropdown">
                                            <a class="dropdown-toggle text-muted px-1" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                <i class="ri-more-fill"></i>
                                            </a>
                                            <div class="dropdown-menu dropdown-menu-right">
                                                <a class="dropdown-item" href="#">Action</a>
                                                <a class="dropdown-item" href="#">Another action</a>
                                                <div class="dropdown-divider"></div>
                                                <a class="dropdown-item" href="#">Delete</a>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!-- end card -->

                    </div>

                </div>
            </div>
            <!-- End Attached Files card -->
        </div>
        <!-- end profile-user-accordion -->

    </div>
    <!-- end user-profile-desc -->
</div>

{{end}}